@charset "utf-8";
@import "./bassScss.scss";

.container {
	height: 100%;
	background-color: #f5f5f5;
}

page{
	height: 100%;
}
image {
	display:block;
}

/* this rule will be remove */

* {
	transition: width 2s;
	-moz-transition: width 2s;
	-webkit-transition: width 2s;
	-o-transition: width 2s;
}

div, header, section, p, view, scroll-view, ul, li, textarea {
	box-sizing: border-box;
	
}

progress, input, textarea {
	z-index: 1;
}
// body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td ,label, span{
	margin:0;
	padding:0;
	box-sizing: border-box;
}

scroll-view{
	box-sizing: border-box;
}
i{
	display: inline;
}
button::after{
	border:none;
}
// input的默认样式
._input{
	width: 100%;
	height: 100%;
	padding: 0 10px;
	resize:none;
}
.input-placeholder{
	color: #cccccc;
}
.noData{color: #ccc;}
//默认的textarea样式
.textarea{
	width: 100%;
	border:1px solid $borderColor;
	border-radius: 4px;
	resize:none;

	&:focus{
		border-color: $themeColor;
		box-shadow: 0 0 10px $themeColor;
	}

	@include setPlaceholderColor;
}


// //默认的button样式
@mixin button{
	width: 200px;
	height: $inputHeight;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	color: #fff;
	cursor: no-drop;
	background-color: #dddddd;
	outline: none;
}

// ._button{
// 	@include button;

// 	> span{
// 		padding: 0 10px;
// 	}
// }
.noData{
	color: #ccc;
}
._loading{
	@include button;
	text-align: center;
	background-color: #039185;

	span{
		display: inline-block;
		padding-left: $inputHeight;
		position: relative;
		&:before{
			display: inline-block;
			width: $inputHeight;
			height: $inputHeight;
			@include iconfont("\e631");
			position: absolute;
			left: 0;
			top: 0;

			animation: run360 1.5s linear infinite;
		}
	}
}

//按钮的激活状态
._buttonActive{
	background-color: $themeColor;
	cursor: pointer;
	color: #fff;

	&:active{
		opacity: 0.8;
	}
}
.clear{
	clear: both;
}

input{
	height: 80px;
}

//旋转360deg
@keyframes run360{
	0%{
		transform:rotate(0deg);
	}
	100%{
		transform:rotate(360deg);
	}
}

@keyframes runOpacit{
	0%{
		opacity: 0.3;
	}
	50%{
		opacity: 1;
	}
	100%{
		opacity: 0.3;
	}
}

